<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="./css/bootstrap.css" />
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/bootstrap.js"></script>
	<title></title>
	<style>
	div{
		<!-- border:1px solid orange; -->
	}
	#main-content{
		height:900px;
	}
	.panel{
		background:#eee;
	}
	.panel-heading{
		background:#777;
	}
	.panel-title{
		color:#f0ad4e;
	}
	#leftnav{
		height:800px;
	}
	</style>
</head>
<body>
	<div class="container-fluid">
		<div class="page-header">
			<h1>上海核工程研究设计院 <small>设计管理平台</small></h1>
			<h6>您好：<a href=""><strong>XXX</strong></a>，欢迎登录本系统</h6>
		</div>
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">
						<img alt="Brand" src="...">
					</a>
					<!-- <div class="navbar-nav navbar-brand"> -->
						 <!-- <ol class="breadcrumb">  -->
								<!-- <li><a href="">首页</a></li> -->
								<!-- <li><a href="">经验反馈</a></li> -->
								<!-- <li class="active">信息汇总</li> -->
						<!-- </ol>  -->
					<!-- </div> -->
				</div>
				<div class="collapse navbar-collapse">

					<form action="" class="navbar-form navbar-right">
								<div class="input-group">
									<span class="input-group-btn">
										<button class="btn btn-default" type=button>Go!</button>
									</span>
									<input type="text" class="form-control" placeholder="Search for ..."/>
								</div>
					</form>
					<ul class="nav navbar-nav nav-pills navbar-right">
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">待办<span class="badge">42</span><span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="">待办计划 <span class="badge"><small>20</small></span></a></li>
								<li><a href="">活动项 <span class="badge"><small>10</small></span></a></li>
								<li><a href="">IED <span class="badge"><small>3</small></span></a></li>
								<li><a href="">经验反馈 <span class="badge"><small>9</small></span></a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">已办<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="">计划</a></li>
								<li><a href="">活动项</a></li>
								<li><a href="">IED</a></li>
								<li><a href="">经验反馈</a></li>
							</ul>
						</li>
						<li>
							<a role="button" tabindex="0" href="" data-toggle="popover" data-trigger="focus" title="系统信息" data-content="此处为系统相关信息">系统</a>
						</li>
						<li><a href="" title="进入个人页面">个人<span class="badge">7</span></a></li>
						<li><a href="">退出</a></li>
					</ul>
				</div>
			</div>
		</nav>





		</div>
		<div id="main-content">
			<div class="col-md-2">
				<!-- <div class="panel"> -->
					<!-- <div class="panel-body"> -->
						<!-- <form action=""> -->
							<!-- <div class="input-group"> -->
								<!-- <span class="input-group-btn"> -->
									<!-- <button class="btn btn-default" type=button>Go!</button> -->
								<!-- </span> -->
								<!-- <input type="text" class="form-control" placeholder="Search"/> -->
							<!-- </div> -->
						<!-- </form> -->
					<!-- </div> -->
				<!-- </div> -->

				<div class="panel">
					<div class="panel-heading">
						<h3 class="panel-title">链接</h3>
					</div>
					<div id="leftnav" class="panel-body">
						<ul class="nav nav-pills nav-stacked">
							<li><a href="">计划管理</a></li>
							<li><a href="">行动项</a></li>
							<li><a href="">经验反馈</a></li>
							<li><a href="">IED</a></li>
							<li><a href="">任务管理</a></li>
							<li class="active"><a href="">其他</a></li>
							<li><a href="">我的收藏</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-md-10">
				<div class="row">
				  <div class="col-md-4">
					<div class="thumbnail">
					  <img src="./img/Desert.jpg" alt="">
					  <div class="caption">
						<h3 class="text-center">Thumbnail label</h3>
						<p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenea</p>
						<p class="text-center"><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
					  </div>
					</div>
				  </div>
				  <div class="col-md-4">
					<div class="thumbnail">
					  <img src="./img/Desert.jpg" alt="">
					  <div class="caption">
						<h3 class="text-center">Thumbnail label</h3>
						<p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aeneaere. Nulla vitae elit libero, a pharetra augue. Aenea</p>
						<p class="text-center"><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
					  </div>
					</div>
				  </div>
				  <div class="col-md-4">
					<div class="thumbnail">
					  <img src="./img/Desert.jpg" alt="">
					  <div class="caption">
						<h3 class="text-center">Thumbnail label</h3>
						<p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenea</p>
						<p class="text-center"><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
					  </div>
					</div>
				  </div>


				</div>

				<div class="panel panel-default">
				  <!-- Default panel contents -->
				  <div class="panel-heading">Panel heading</div>
				  <div class="panel-body">
					<p class="well well-lg">Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>


				  <!-- List group -->
				  <ul class="list-group">
					<li class="list-group-item">Cras justo odio</li>
					<li class="list-group-item">Dapibus ac facilisis in</li>
					<li class="list-group-item">Morbi leo risus</li>
					<li class="list-group-item">Porta ac consectetur ac</li>
					<li class="list-group-item">Vestibulum at eros</li>
				  </ul>
				   </div>
				   <div class="caption">
						<p class="text-center"><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
					  </div>

				</div>


			</div>
		</div>
		<div id="footer-content" class="row">
			<div class="row">
				<ul class="list-inline text-center">
					<li><a href="">创蓝官网</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">投诉建议</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">站长统计</a></li>
				</ul>
			</div>
			<div class="row">
				<h4 class=text-center>上海核工程研究设计院 版权所有CopyRight © 2012-2017 ALL Rights Reserve<h4>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
$('#example').popover(options)
</script>
</html>